    <!-- 头部 -->
    <%- include('header', { title: "学生列表" }); -%>
    <!-- /头部 -->
    <!-- 主体内容 -->
    <div class="content">
    	<!-- 侧边栏 -->
        <%- include('menu', { active: "student" }); -%>
        <!-- 侧边栏 -->
        <div class="main">
        	<!-- 分类标题 -->
            <div class="title">
                <h4>学生列表</h4>
                <span><%= data.length %>条记录</span>
                <a href="http://localhost:3000/student/add" class="btn btn-primary new">新增学生</a>
            </div>
            <!-- /分类标题 -->
            <!-- 内容列表 -->
            <% if (!data.length) { %>
                <p>学生列表为空，请先进行添加学生操作</p>
            <%} else { %>
            <table class="table table-striped table-bordered table-hover custom-table">
                <thead>
                    <tr>
                        <th width="50">ID</th>
                        <th>学生姓名</th>
                        <th>手机号</th>
                        <th>年龄</th>
                        <th>性别</th>
                        <th>专业</th>
                        <th>班级</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <% for(let key in data){ %>
                        <tr>
                            <td><%= +key + 1 %></td>
                            <td><%= data[key].studentName %></td>
                            <td><%= data[key].phone %></td>
                            <td><%= data[key].age %></td>
                            <td><%= data[key].sex %></td>
                            <td><%= data[key].major %></td>
                            <td><%= data[key].class %></td>
                            <td>
                                <a href="http://localhost:3000/student/edit" class="glyphicon glyphicon-edit"></a>
                                <i class="glyphicon glyphicon-remove" data-toggle="modal" data-target=".confirm-modal"></i>
                            </td>
                        </tr>
                    <% } %>      
                </tbody>
            </table>
            <% } %> 
            <!-- /内容列表 -->
        </div>
    </div>
    <!-- /主体内容 -->
    <!-- 删除确认弹出框 -->
    <div class="modal fade confirm-modal">
        <div class="modal-dialog modal-lg">
            <form class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                    <h4 class="modal-title">请确认</h4>
                </div>
                <div class="modal-body">
                    <p>您确定要删除这个学生吗?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <input type="submit" class="btn btn-primary">
                </div>
            </form>
        </div>
    </div>
    <!-- /删除确认弹出框 -->
    <%- include('footer'); -%>
</body>

</html>